<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>
<%@ page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<script src="<%=request.getContextPath()%>/js/displaytag.js"
	type="text/javascript"></script>
<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />

<script type="text/javascript">
$(document).ready(function() {
	
	$("#buscarBtn").click(function(){		
		if($("#sede").val() != '' || $("#programa").val() != ''){
			$('#fechaInicial').val($('#fechaIni').val());
			$('#fechaFinal').val($('#fechaFin').val());
			var action = '<%=request.getContextPath()
				+ "/Reportes/Detallados/SeleccionarFiltros.do"%>';
			
			$("#accion").val('BuscarTodo');
			$("#mainForm").attr("action", action);
			$("#mainForm").attr("target","_self");
			
			if( ($("#fechaInicial").val() == '' && $("#fechaFinal").val() == '')){
				$("#mainForm").submit();
			}else{
				var fIniValida = isDate($("#fechaInicial").val());
				var fFinValida = isDate($("#fechaFinal").val());
				if(!fIniValida){
					alert('Fecha inicial no valida.');
					return false;
				}else if(!fFinValida){
					alert('Fecha final no valida.');
					return false;
				}else{
					if( $.datepicker.parseDate("dd/mm/yy", $("#fechaInicial").val()) > $.datepicker.parseDate("dd/mm/yy", $("#fechaFinal").val())){
						alert('Fecha inicial no puede ser mayor que la fecha final.');
						return false;
					}
				}
				$("#mainForm").submit();
			}			
			
		}else{
			alert(' seleccione un programa o una sede');
			return false;
		}
	});
	
	//boton generar
	$("#generarBtn").click(function(){
		var i;
		for (i = 0; i < document.mainForm.generar.length; i++) {
			if (document.mainForm.generar[i].checked == true) {
				$("#posicion").val(i);
				break;
			}
		}
		$("#mainForm").attr("target", "_self");
		$("#mainForm").submit();
	});
	
	//cuando cambia el valor seleccionado de la lista de areas.
	$("#area").change(function(){		
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		var action = '<%=request.getContextPath()
			+ "/Reportes/Detallados/SeleccionarFiltros.do"%>';
		var target = '_self';
		$("#mainForm").attr("action", action);
		$("#mainForm").attr("target", target);
		$("#accion").val('areas');
		$("#mainForm").submit();
	});
	
	//cuando cambia el valor seleccionado de la lista de programas.
	$("#programa").change(function(){				
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		var action = '<%=request.getContextPath()
			+ "/Reportes/Detallados/SeleccionarFiltros.do"%>';
		$("#mainForm").attr("action", action);
		$("#mainForm").attr("target","_self");
		$('#accion').val('BuscarSubprogrmas');		
		$('#mainForm').submit();
	});
	
	//cuando cambia el valor seleccionado de la lista de programas.
	$("#subprograma").change(function(){				
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		var action = '<%=request.getContextPath()
			+ "/Reportes/Detallados/SeleccionarFiltros.do"%>';
		$("#mainForm").attr("action", action);
		$("#mainForm").attr("target","_self");
		$('#accion').val('BuscarSiTieneAtributo');		
		$('#mainForm').submit();
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#fechaIni").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#fechaFin").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<form name="mainForm" id="mainForm"
	action="<%=request.getContextPath()
					+ "/Reportes/Detallados/Seleccion.do"%>"
	method="post">
	<input type="hidden" name="fechaInicial" value="" id="fechaInicial"/> <input
		type="hidden" name="fechaFinal" value="" id="fechaFinal"/>
	<div align="center">
		<table class="tablaGenericaWidth70">
			<tr>
				<td class="titulosenblanco" colspan="3">
					<DIV align="center">
						<STRONG>Reporte&nbsp;Detallado&nbsp;Beneficio&nbsp;Otorgado
						</STRONG>
					</DIV>
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td align="center" class="celdatabla" colspan="3">Seleccione
					los criterios de b&uacute;squeda</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Sede:</td>
				<td width="44%"><logic:notPresent name="sedes">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codeSede = request.getParameter("code");
 	if (codeSede == null)
 		codeSede = "";
 %>
					<div align="left">
						<logic:present name="sedes">
							<logic:iterate id="sede" name="sedes" length="1"
								type="com.cs.beneficios.business.model.SedeVO">
								<html:select name="sede" styleId="sede" property="code" title="Sede"
									styleClass="form" value="<%=(String) codeSede%>">
									<option value="" selected="selected">Seleccione
										una sede</option>
									<html:options name="sede" labelName="codeSede"
										labelProperty="nombre" property="code" collection="sedes" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div></td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			<tr>
				<td class="celdatabla" width="31%">Secretar&iacute;as:</td>
				<td width="44%"><logic:notPresent name="areas">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codeArea = request.getParameter("codearea");
 	if (codeArea == null)
 		codeArea = "";
 %>
					<div align="left">
						<logic:present name="areas">
							<logic:iterate id="area" name="areas" length="1"
								type="com.cs.beneficios.business.model.AreaVO">
								<html:select name="area" styleId="area" property="codearea" title="Area"
									styleClass="form" value="<%=(String) codeArea%>"
									>
									<option value="" selected="selected">Seleccione
										una secretaria</option>
									<html:options name="area" labelName="codeArea"
										labelProperty="nombre" property="codearea" collection="areas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div></td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>

			<tr>
				<td class="celdatabla" width="31%">Programa:</td>
				<td width="44%"><logic:notPresent name="programas">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codePrograma = request.getParameter("codePrograma");
 %>
					<div align="left">
						<logic:present name="programas">
							<logic:iterate id="programa" name="programas" length="1"
								type="com.cs.beneficios.business.model.ProgramaVO">
								<html:select name="programa" styleId="programa" property="codePrograma"
									
									title="Programa" styleClass="form"
									value="<%=(String) codePrograma%>">
									<option value="">Seleccione un programa</option>
									<html:options name="programas" labelName="codigo"
										labelProperty="nombre" property="code" collection="programas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div></td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<%
				String strCodePrograma = (String) codePrograma;
				if (codePrograma != null && !strCodePrograma.equals("")) {
			%>
			<tr>
				<td class="celdatabla" width="31%">Beneficio:</td>
				<td width="44%">
					<div align="left">
						<logic:notPresent name="subprogramas">
							<DIV align="center">
								<%=session.getAttribute("msg")%>
								<%
									session.removeAttribute("msg");
								%>
							</DIV>
						</logic:notPresent>
						<%
							Object codeSubPrograma = request
										.getParameter("codeSubPrograma");
								if (codeSubPrograma == null)
									codeSubPrograma = "";
						%>
						<logic:present name="subprogramas">
							<logic:iterate id="subprograma" name="subprogramas" length="1"
								type="com.cs.beneficios.business.model.SubProgramaVO">
								<html:select name="subprograma" styleId="subprograma" property="codeSubPrograma"									
									title="Subprograma" styleClass="form"
									value="<%=(String) codeSubPrograma%>">
									<option value="">Seleccione un subprograma</option>
									<html:options name="subprogramas" labelName="codigo"
										labelProperty="nombre" property="code"
										collection="subprogramas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<%
				if (codeSubPrograma != null && !codeSubPrograma.equals("")) {
			%>
			<tr>
				<logic:present name="Gestor">
					<%
						String codigovfl = request.getParameter("codigovfl");
									if (codigovfl == null) {
										codigovfl = "";
									}
					%>
					<td class="celdatabla" width="31%">Gestor:</td>
					<td><div align="left">
					<logic:iterate id="gestor" name="Gestor" length="1"
							type="com.cs.beneficios.business.model.ValorFlexibleVO">
							<html:select name="Gestor" property="codigovfl" title="Gestor"
								styleClass="form" value="<%=codigovfl%>">
								<option value="">Seleccione un gestor</option>
								<html:options name="Gestor" labelName="codigovfl"
									labelProperty="codigovfl" property="codigovfl"
									collection="Gestor" />
							</html:select>
						</logic:iterate></div></td>
						
				</logic:present>
			</tr>

			<%
				} else {
						session.removeAttribute("Gestor");
						session.removeAttribute("codigovfl");
						session.removeAttribute("codigoAtrGestor");
					}
				}
			%>

			
			<tr>
				<td class="celdatabla" width="31%">
					<p>
						Fecha inicial:
					</p>
				</td>
				<% String fechaInicial = (request.getParameter("fechaInicial") == null) ? "" : request.getParameter("fechaInicial"); %>
				<td align="left" class="celdatabla">
					<input id="fechaIni" class="form" value="<%= fechaInicial %>" />
				</td>

				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			
			<tr>
				<td class="celdatabla" width="31%">
					<p>
						Fecha final:
					</p>
				</td>
				<% String fechaFinal = (request.getParameter("fechaFinal") == null) ? "" : request.getParameter("fechaFinal"); %>
				<td align="left" class="celdatabla">
					<input id="fechaFin" class="form" value="<%= fechaFinal %>"/>
				</td>

				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			
			<tr>
				<td class="celdatabla" width="31%">&nbsp;</td>
				<td width="44%">
					<div align="center">
						<input type="hidden" name="accion" id="accion" value="" />
						<input type="button" value="buscar" name="buscarBtn" id="buscarBtn"/>
						<P>&nbsp;</P>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="3" align="center"><logic:present name="msg">
						<DIV align="center"><%=session.getAttribute("msg")%></DIV>
						<%
							session.removeAttribute("msg");
						%>
					</logic:present></td>
			</tr>
		</table>
	</div>
	<logic:present scope="request" name="msg3">
		<BR>
		<DIV align="center">
			<strong><%=(String) request.getAttribute("msg3")%></strong>
		</DIV>
		<BR>
	</logic:present>

	<logic:present scope="request" name="errorfecha">
		<BR>
		<DIV align="center" class="titulosenblanco">
			<strong><%=(String) request.getAttribute("errorfecha")%></strong>
		</DIV>
		<BR>
	</logic:present>

	<logic:notPresent scope="request" name="errorfecha">
		<div align="center">
			<table class="tablaGenericaWidth90">
				<logic:present name="BeneficiosOtorgado">
					<tr>
						<td class="titulosenblanco"><div align="center">Beneficios
								Otorgados</div></td>
					</tr>
					<tr>
						<td><display:table name="sessionScope.BeneficiosOtorgado"
								pagesize="20" id="beneotot" cellpadding="3" cellspacing="1"
								style="width:100%" class="bordestable">
								<display:column headerClass="headerTable" title="Programa"
									class="Numero" sortable="true">
									<div align="center">
										<bean:write name="beneotot" property="nombrePrograma" />
									</div>
								</display:column>
								<display:column headerClass="headerTable" title="Beneficio"
									class="Numero" sortable="true">
									<div align="center">
										<bean:write name="beneotot" property="nombreSubprograma" />
									</div>
								</display:column>
								<display:column headerClass="headerTable" title="Sede"
									class="Numero" sortable="true">
									<div align="center">
										<bean:write name="beneotot" property="nombreSede" />
									</div>
								</display:column>
								<display:column headerClass="headerTable" title="Cantidad"
									class="Numero" sortable="true">
									<div align="center">
										<bean:write name="beneotot" property="cantidad" />
									</div>
								</display:column>
								<display:column headerClass="headerTable"
									title="Generar Reporte" class="Numero">
									<div align="center">
										<input type="radio" name="generar" id="generar"
											value="<bean:write name="beneotot" property="codeSubprograma"/>" />
										<input type="HIDDEN" name="prueba"
											value="<bean:write name="beneotot" property="codeSede"/>" />
									</div>
								</display:column>

							</display:table>
							<P align="center">
								<input type="HIDDEN" name="posicion" id="posicion" value="0" />
								<%
									session.removeAttribute("ListaFiltrado");
								%>
								<input type="Button" name="" id="generarBtn" value="Generar" />

							</P></td>
					</tr>
				</logic:present>
			</table>
		</div>
	</logic:notPresent>

</form>